<!--
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-06-07 18:36:46
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-06-07 20:32:27
 * @FilePath: \vue 小U到家\src\views\Mainjichushezhi.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--  -->
<template>
    <div>
        <mainhead></mainhead>
        <div class="textarea">
            用户协议 : &nbsp;&nbsp;
            <el-input type="textarea" :rows="10" placeholder="请输入内容" v-model="textarea" 
                class="textInput">
            </el-input>
            <el-button type="info" class="baocunBut">保存</el-button>
        </div>
    </div>
</template>

<script>
import Mainhead from '../components/main/Mainhead.vue'
export default {
    name: 'Mainjichushezhi',
    data() {
        return {
            textarea: ''
        }
    },
    components: {
        Mainhead
    }
}
</script>

<style lang='less' scoped>
.textarea {
    margin: 100px 50px;
    width: 40%;
    position: relative;

    .textInput {
        width: 70%;
        vertical-align: top;
    }

    .baocunBut{
        width: 100px;
        position: absolute;
        right: 50px ;
        bottom:-100px;
    }
}
</style>
